@each $name, $width, $height in
        ('folder', 16px, 16px),
        ('folderclose', 16px, 16px),
        ('folderopen', 16px, 16px),
        ('refresh', 16px, 16px),
        ('refresh_blue', 16px, 16px),
        ('inspection', 16px, 16px), //表格送检标识
        ('printer', 16px, 16px), //打印
        ('bj', 16px, 16px), //编辑
        ('del', 16px, 16px), //删除
        ('enter', 16px, 16px), //对照
        ('cancel', 16px, 16px), //取消
        ('solid_card', 16px, 14px), //采血查询
        ('solid_AIDS', 16px, 16px), //艾滋标识
        ('solid_treatment', 16px, 16px), //晕针标识
        ('opt_print', 16px, 16px), //按钮打印标识
        ('opt_print-dis', 16px, 16px), //按钮打印标识
        ('cancel_collect', 16px, 16px), //取消采集标识
        ('execute', 16px, 16px), //执行标识
        ('turn', 16px, 16px), //调入标识
        ('calculation', 16px, 16px), //是否是计算项
        ('tip', 16px, 16px), //灰色tip
        ('checker', 16px, 16px), //审核者
        ('department', 16px, 16px), //科室
        ('backSpace', 22px, 14px), //删除 计算器
        ('arrow-down', 16px, 16px), //蓝色向下箭头
        ('arrow-up', 16px, 16px), //红色向上箭头
        ('cancelBuild', 20px, 20px), //取消打包
        ('cancelSend', 20px, 20px), //取消送检
        ('cancelBuild-dis', 20px, 20px), //取消打包
        ('cancelSend-dis', 20px, 20px), //取消送检
        ('avatar-men', 28px, 28px), //男性头像
        ('avatar-women', 28px, 28px), //女性头像
        ('avatar-unknown', 28px, 28px), //女性头像
        ('avatar-noknow', 28px, 28px), //女性头像
        ('avatar-men-kid', 28px, 28px), //3~6男孩头像
        ('avatar-women-kid', 28px, 28px), //3~6女孩头像
        ('avatar-men-baby', 28px, 28px), //0~2男婴头像
        ('avatar-women-baby', 28px, 28px), //0~2女婴头像
        ('btn-peizhi', 16px, 16px), //质控方案——配置icon
        ('status_yes', 16px, 16px), //成功状态
        ('status_no', 16px, 16px), //失败状态
        ('next', 16px, 16px), //按钮向下
        ('up', 16px, 16px), //按钮向上
        ('device', 18px, 18px), //仪器icon
        ('maxbtn', 16px, 16px), //放大
        ('reduction', 16px, 16px), //缩小
        ('monthicon', 18px, 18px), //质控月表图标
        ('blood', 32px, 32px), //排队叫号维护血液icon
        ('blood-dis', 32px, 32px), //排队叫号维护血液禁用icon
        ('open',16px,16px),// 树组件 展开文件夹
        ('folders', 16px, 16px), // 折叠文件夹
        ('file', 16px, 16px),
        ('change_format', 64px, 32px), // 合理用血登记列表和卡片切换
        ('change_list', 64px, 32px),
        ('menu', 16px, 16px),
        ('menu-hover', 16px, 16px),
        ('jiechu', 16px, 16px),  // 操作栏借出icon
        ('baofei', 16px, 16px),  // 操作栏报废icon
        ('copy',16px,16px),  // 复制组合
        ('default-bg', 140px, 140px),
        ('qbsh', 16px, 16px),  // 全部审核
        ('qbbsh', 16px, 16px),  // 全部不审核
        ('copyym', 16px, 16px),  // 复制药敏
        ('ymgroup', 16px, 16px),  // 药敏分组
        ('notice', 24px, 24px),  // 消息icon
        ('test-tube', 16px, 16px),  // 试管icon
        ('test-tube-off', 16px, 16px),  // 试管禁用icon
        ('blood-drop',16px,16px),//交叉配需icon
        ('blood-off',16px,16px),//交叉配需icon
        ('blood-off-outline',16px,16px),//交叉配血禁icon
        ('fcxx', 16px, 16px), //检验报告360详情——复查信息icon
        ('wjzxx', 16px, 16px), //检验报告360详情——危急值信息icon
        ('xgsqxm', 16px, 16px), //检验报告360详情——相关申请项目
        ('fullscreen', 16px, 16px), //监控和预警主页全屏icon
        // 文档管理——文档分类目录
        ('file-folder', 16px, 16px),
        ('file-star', 16px, 16px),
        ('file-recently', 16px, 16px),
        ('file-password', 16px, 16px),
        ('file-pdf', 16px, 16px),
        ('file-ppt', 16px, 16px),
        ('file-xls', 16px, 16px),
        ('file-doc', 16px, 16px),
        ('plan-ycsz', 80px, 80px),
        ('plan-deal', 16px, 16px),
        ('plan-deal-disabled', 16px, 16px),
        ('bf-exit-screen-o', 16px, 16px),
        ('bf-full-screen-o', 16px, 16px),
        ('bf-ilis-ic-files', 20px, 20px),
        // 湿温度监控
        ('freeze-high', 32px, 32px),
        ('freeze-low', 32px, 32px),
        ('freeze-nor', 32px, 32px),
        ('freeze-null', 32px, 32px),
        ('humidity-high', 32px, 32px),
        ('humidity-low', 32px, 32px),
        ('humidity-nor', 32px, 32px),
        ('humidity-null', 32px, 32px),
        ('refrigerate-high', 32px, 32px),
        ('refrigerate-low', 32px, 32px),
        ('refrigerate-nor', 32px, 32px),
        ('refrigerate-null', 32px, 32px),
        ('temperature-high', 32px, 32px),
        ('temperature-low', 32px, 32px),
        ('temperature-nor', 32px, 32px),
        ('temperature-null', 32px, 32px),
        // 综合采血窗口
        ('oPDSampleMain-setting', 24px, 24px),
        ('oPDSampleMain-tatsearch', 24px, 24px),
        ('oPDSampleMain-dis', 24px, 24px),
        ('oPDSampleMain-release', 24px, 24px),
        ('oPDSampleMain-setting-active', 24px, 24px),
        ('oPDSampleMain-tatsearch-active', 24px, 24px),
        ('oPDSampleMain-dis-active', 24px, 24px),
        ('oPDSampleMain-release-active', 24px, 24px),
        ('oPDSampleMain-AIDS', 16px, 16px),
        ('oPDSampleMain-treatment', 16px, 16px),
        ('oPDSampleMain-others', 16px, 16px),
        ('oPDSampleMain-infection', 16px, 16px),
        ('oPDSampleMain-searchPlus', 16px, 16px),
        ('oPDSampleMain-notice', 16px, 16px),
        // 分拣机标本查询
        ('autoSortSample-abnormal', 32px, 32px),
        ('autoSortSample-sorting', 32px, 32px),
        ('autoSortSample-pack', 32px, 32px),
        ('autoSortSample-tablePack', 16px, 16px),
        ('autoSortSample-unpack', 16px, 16px),
        //
        {
  .icon-#{$name}::before {
    content: '';
    display: block;
    width: $width;
    height: $height;
    position: relative;
    background-image: url('../img/icon_#{$name}.svg');
  }
}

@each $name, $width, $height in
        ('delete', 28px, 28px),     // 计算器 删除
        ('symbol', 16px, 16px),     // 单价的标识
        {
  .icon-#{$name}::before {
    content: '';
    display: block;
    width: $width;
    height: $height;
    position: relative;
    background-image: url('../img/doc_#{$name}.png');
  }
}

// 血库主界面
@each $name, $width, $height in
    ('list-avatar', 16px, 16px),
    ('list-blood', 16px, 16px),
    ('list-delete', 16px, 16px),
    ('list-fee', 16px, 16px),
    ('list-blood-match', 16px, 16px),
    ('list-out-library', 16px, 16px),
    ('list-blood-withdrawal', 16px, 16px),
    ('list-cancel-print', 14px, 14px),
    {
  .icon-#{$name}::before {
    content: '';
    display: block;
    width: $width;
    height: $height;
    position: relative;
    mask-image: url('../img/icon_#{$name}.svg');
    -webkit-mask-image: url('../img/icon_#{$name}.svg');
    background: #4088FE;
  }
  .icon-#{$name}.disabled::before {
    background: #BBBBBB;
    cursor: not-allowed;
  }
}

.icon-depart {
  width: 20px;
  height: 20px;
  background: #66BB6A;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.image-default::before {
  content: '';
  display: block;
  width: 97px;
  height: 76px;
  background: url('../img/image-default.png') 100%/100% no-repeat;
}
// 导出图标
.icon-export::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  background-size: 16px 16px;
  background-image: url('../img/icon_export.svg');
}

.icon-avatar::before {
  content: '';
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: url('../img/icon-avatar.png') 100%/100% no-repeat;
}

.icon-menu::before {
  mask-image: url(../img/icon_menu.svg);
  -webkit-mask-image: url(../img/icon_menu.svg);
  background: #666;
}

.icon-menu:hover:before {
  background: #4088FE;
}

.icon-bj::before {
  cursor: pointer;
}

.icon-del::before {
  cursor: pointer;
}

.icon-avatar-men::before,
.icon-avatar-women::before,
.icon-avatar-noknow::before,
.icon-avatar-unknown::before,
.icon-maxbtn::before,
.icon-reduction::before{
  background-size: 100% 100%;
}

// 文档管理——列表icon
@function bgColor($type, $i) {
  $normalIconColors: #262626, #999999, #2469F2, #215ED9;
  $tableIconColors: #2469F2, #999999, #4D94FF, #215ED9;
  $result: #000;
  @if $type == normal {
    $result: nth($list: $normalIconColors, $n: $i)
  }
  @else if $type == table {
    $result: nth($list: $tableIconColors, $n: $i)
  }
  @return $result
};
@mixin iconBackgroundColor($type, $name) {
  .icon-#{$name}::before{
    background: bgColor($type, 1);
  }
  .icon-#{$name}.disabled::before {
    background: bgColor($type, 2);
    cursor: not-allowed;
  }
  .icon-#{$name}:hover::before {
    background: bgColor($type, 3);
  }
  .icon-#{$name}:active::before {
    background: bgColor($type, 4);
  }
}
@each $name, $width, $height, $type in
    ('file-order', 16px, 16px, normal), //目录管理
    ('file-set', 16px, 16px, normal), //文档格式设置
    ('file-refresh', 16px, 16px, normal), //刷新
    ('file-details', 16px, 16px, table), //文件详情
    ('file-log', 16px, 16px, table),  //文件日志
    ('file-logout', 16px, 16px, table),  //注销申请
    ('file-upgrade', 16px, 16px, table),  //版本更新申请
    ('file-edit', 16px, 16px, table),  //编辑文件
    ('file-submit', 16px, 16px, table),  //提交申请
    ('file-delfile', 16px, 16px, table),  //删除申请单
    ('file-start', 16px, 16px, table),  //文件启用
    {
  .icon-#{$name}::before {
    content: '';
    display: block;
    width: $width;
    height: $height;
    position: relative;
    mask-image: url('../img/icon_#{$name}.svg');
    -webkit-mask-image: url('../img/icon_#{$name}.svg');
  }

  @include iconBackgroundColor($type, $name)
}

@each $name, $width, $height in
('add', 32px, 32px),
('del', 32px, 32px),
('save', 32px, 32px),
('prev', 32px, 32px),
('next', 32px, 32px),
('bioApproval', 32px, 32px),
('specialModule', 32px, 32px),
('initialapproval', 32px, 32px),
('bigreview', 32px, 32px),
('approval', 32px, 32px),
('cancelapproval', 32px, 32px),
('print', 32px, 32px),
('search', 32px, 32px),
('isNotPrint', 20px, 20px),
('more', 32px, 32px) {
  .icon-main-#{$name}::before {
    content: '';
    display: block;
    width: $width;
    height: $height;
    position: relative;
    background-image: url('../img/icon_main-#{$name}.svg');
  }
  .icon-main-#{$name}-dis::before {
    content: '';
    display: block;
    width: $width;
    height: $height;
    position: relative;
    background-image: url('../img/icon_main-#{$name}-dis.svg');
  }
  .icon-main-#{$name}-hover::before {
    content: '';
    display: block;
    width: $width;
    height: $height;
    position: relative;
    background-image: url('../img/icon_main-#{$name}-hover.svg');
  }
}
